<template>
	<view class="page">
		<view class="page-head">
		</view>
		<view class="page-content">
			<view class="title">
				<view class="title-top">
					<view class="tt-txt">欢迎使用</view>
					<view class="tt-icon"></view>
				</view>
				<view class="title-bottom">智能实验室安全管理助手</view>
			</view>
			<view class="form">
				<view class="from-title">
					登录
				</view>
				<view class="from-row">
					<view class="iconfont icon-zhanghaozhongxinzhanghaoguanli from-row-title"></view>
					<view class="from-row-value">
						<input class="uni-input zs-input"  placeholder="账号" v-model="fromData.username"/>
					</view>
				</view>
				<view class="from-row">
					<view class="iconfont icon-yonghuming from-row-title"></view>
					<view class="from-row-value">
						<input class="uni-input zs-input" placeholder="密码" :password="!showPassword" v-model="fromData.password"/>
						<text class="iconfont " :class="[showPassword ? 'icon-eye' : 'icon-biyan']"
							@click="onChangePassword">&#xe568;</text>
					</view>
				</view>
				<view class="from-forget">
					忘记密码？
				</view>
				<view class="login" @click="onLogin">登  录</view>
				
				<radio-group class="from-agree" @change="(e)=>{ agree = true; }">
					<label class="uni-radio">
						<radio style="transform:scale(0.7)" :checked="agree" />
						<view class="fa-txt">我已阅读并同意<view class="ys">服务协议</view>和<view class="ys">隐私政策</view></view>
					</label>
				</radio-group>
				
			</view>
			
		</view>
	</view>
</template>
<script src='./index.js'></script>
<style lang="less" src="./index.less"></style>